import { View, Text } from "react-native";
import { StyleSheet } from "react-native";

// // 自定义头部组件
function CustomHeader() {
  return (
    <View style={styles.headerContainer}>
      <Text style={styles.headerTitle}>生活模拟器</Text>
      <Text style={styles.headerSubtitle}>体验美好生活</Text>
    </View>
  );
}

export default function Index() {
  return (
    <View style={styles.container}>
      <CustomHeader />
    </View>
  );
}
const styles = StyleSheet.create({
    headerContainer: {
      width: "100%",
      backgroundColor: "#f4f4f4",
      alignItems: "center",
      justifyContent: "center",
      paddingVertical: 10,
    },
    headerTitle: {
      fontSize: 18,
      fontWeight: "bold",
      color: "#333",
    },
    headerSubtitle: {
      fontSize: 14,
      color: "#666",
    },
    container: {
      flex: 1,
      alignItems: "center",
      justifyContent: "center",
      padding: 20,
    }
});
